<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的学院</title>
    <link href="mycollege.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="content">
    <div class="tool-bar">
    <div class="container center">
        <ul class="left-menu">
            <li><a class="tool-item" href="#" title="csdn">CSDN</a></li>
            <li><a class="tool-item" href="#" title="首页">首页</a></li>
            <li><a class="tool-item" href="#" title="博客">博客</a></li>
            <li><a class="tool-item" href="#" title="学院">学院</a></li>
            <li><a class="tool-item" href="#" title="下载">下载</a></li>
            <li><a class="tool-item" href="#" title="图文课">图文课</a></li>
            <li><a class="tool-item" href="#" title="论坛">论坛</a></li>
            <li><a class="tool-item" href="#" title="问答">问答</a></li>
            <li><a class="tool-item" href="#" title="商城">商城</a></li>
            <li><a class="tool-item" href="#" title="VIP会员">VIP会员</a></li>
            <li><a class="tool-item" href="#" title="活动">活动</a></li>
            <li><a class="tool-item" href="#" title="招聘">招聘</a></li>
            <li><a class="tool-item" href="#" title="ITeye">ITeye</a></li>
            <li><a class="tool-item" href="#" title="GitChat">GitChat</a></li>
        </ul>
        <ul class="right-menu">
            <li><a href="#" class="right-item" title="小程序">消息</a></li>
            <li><a href="#" class="right-item" title="小程序">小程序</a></li>
            <li><a href="#" class="right-item" title="写博客">写博客</a></li>
            <li><input type="search" class="right-item" placeholder="搜索学院课程"></li>
        </ul>
    </div>
</div>
<div class="nav">
    <div class="container center nav-background">
        <ul class="left-nav">
            <li><a class="tool-item" href="#" title="mdu">MDU</a></li>
            <li><a class="tool-item" href="#" title="视频课">视频课</a></li>
            <li><a class="tool-item" href="#" title="讲师">讲师</a></li>
            <li><a class="tool-item" href="#" title="直播">直播</a></li>
            <li><a class="tool-item" href="#" title="每日秒杀">每日秒杀</a></li>
            <li><a class="tool-item" href="#" title="会员">会员</a></li>
            <li><a class="tool-item" href="#" title="会员免费">会员免费</a></li>
            <li><a class="tool-item" href="#" title="3月限免">3月限免</a></li>
            <li><a class="tool-item" href="#" title="TinyMind">TinyMind</a></li>
            <li><a class="tool-item" href="#" title="课程答疑">课程答疑</a></li>
            <li><a class="tool-item" href="#" title="证书管理">证书管理</a></li>
            <li><a class="tool-item" href="#" title="我要开课">我要开课</a></li>
        </ul>
        <ul class="right-nav">
            <li><a href="#" class="right-item" title="我的学院">我的学院</a></li>
        </ul>
    </div>
</div>
<div class="left-content">
    <ul class="left-content-menu">
        <li><label>我是学员</label></li>
        <li><a class="left-content-item" href="#" title="我的课程">我的课程</a></li>
        <li><a class="left-content-item" href="#" title="我的会员">我的会员</a></li>
        <li><a class="left-content-item" href="#" title="我的红包">我的红包</a></li>
        <li><a class="left-content-item" href="#" title="我的提问">我的提问</a></li>
        <li><a class="left-content-item" href="#" title="我的订单">我的订单</a></li>
        <li><a class="left-content-item" href="#" title="优惠券">优惠券</a></li>
        <li><a class="left-content-item" href="#" title="讲师卡">讲师卡</a></li>
    </ul>
    <ul class="left-content-menu-2 little-font">
        <li><label>会员特权</label></li>
        <li><a class="left-content-item" href="#" title="千门专享课程免费看">千门专享课程免费看</a></li>
        <li><a class="left-content-item" href="#" title="精品课程每月免费兑">精品课程每月免费兑</a></li>
        <li><a class="left-content-item" href="#" title="购课低至9折">购课低至9折</a></li>
        <li><a class="left-content-item" href="#" title="600次下载特权">600次下载特权</a></li>
        <li><a class="left-content-item" href="#" title="专享讲师社群答疑">专享讲师社群答疑</a></li>
    </ul>
</div>
    <div class="right-content-tool">
        <ul class="right-content-menu">
            <li><a class="right-tool-item" href="#" title="已购课程">已购课程</a></li>
            <li><a class="right-tool-item" href="#" title="最近播放的">最近播放的</a></li>
            <li><a class="right-tool-item" href="#" title="收藏的课程">收藏的课程</a></li>
            <li><a class="right-tool-item" href="#" title="活动课程">活动课程</a></li>
        </ul>
    </div>
    <div class="right-content-nav">
        <ul class="right-nav-menu">
            <li><label id="label1">类型</label></li>
            <li><a class="right-tool-item" href="#" title="全部">全部</a></li>
            <li><a class="right-tool-item" href="#" title="课程">课程</a></li>
            <li><a class="right-tool-item" href="#" title="套餐">套餐</a></li>
            <li><a class="right-tool-item" href="#" title="直播">直播</a></li>
            <li><a class="right-tool-item" href="#" title="教学中心">教学中心</a></li>
            <li><a class="right-tool-item" href="#" title="已领取课程">已领取课程</a></li>
        </ul>
    </div>
    <div class="right-content">
        <ul class="content-detail">
            <li class="content-item">
                <img src="image.jpg" title="图片" class="image">
                <a class="item-title" title="Python全栈工程师特训班">Python全栈工程师特训班</a>
            </li>
        </ul>
    </div>
</div>
<footer>
    <div class="footer-content">
        <p><a>关于我们|</a><a>招聘|</a><a>广告服务|</a><a>网站地图</a></p>
        <p>百度提供站内搜索 京ICP证19004658号</p>
        <p>©1999-2019 北京创新乐知网络技术有限公司</p>
        <p>经营性网站备案信息 网络110报警服务 中国互联网举报中心 北京互联网违法和不良信息举报中心</p>
    </div>
</footer>
</body>
</html>